Lexical を試す

Angular でチュートリアルレベルでまずは

参考 URL

基本的にはエディタを作って任意のDOMにマウントするだけ

プラグインを入れないとまず使えなさそう

作りとしては Svelte のやつが参考になった

プラグインはかなり豊富

EditorState という記述された要素を解釈して Lexical が持っていて NodeMap のような形で管理している

https://gyazo.com/6a03593741cd17ea299e0af12af63365

ContentEditable になっている箇所はほとんどエディタに当てるスタイルで見栄えが整う

考えるべきは

EditorState をアプリケーションの State へ変換する機構

EditorState Transformer を作るのがけっこうしんどい気がする

そもそも Lexical の EditorState が ContentEditable な要素をどこまで解釈しているか分からない

code:基本的なNodeMap

52 -> { type: Text, parent: 51, text: 'これは段落です' }